
<template>
    <div v-if="item&&item.name">
        <router-link :to="item.children&&item.children.length?item.children[0].path:item.path">
            <el-menu-item class="submenu-title-noDropdown item">
                <span slot="title">{{item.name}}</span>
            </el-menu-item>
        </router-link>
    </div>
</template>

<script>
export default {
    name: "SidebarItem",
    props: {
        item: {}
    },
    methods: {}
};
</script>
<style scoped>
.item {
    color: #fff !important;
    background: transparent;
}
.item:hover {
    background-color: #191b21 !important;
}
.myActive .item {
    display: block;
    width: 100%;
    color: #20a0ff !important;
}
</style>
